<template>
  <div class="filteredit_body" style="position: relative">
    <el-collapse class="filteredit_collapse" v-model="state.activeNames2" @change="handleChange">
      <CollapseItem v-for="item in store.getconditionedit()" :key="item.value" :data="item" />
    </el-collapse>
  </div>
</template>

<script setup>
import CollapseItem from './CollapseItem.vue'
const { store, state } = inject('Filter')
</script>

<style lang="scss" scoped>
.content {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.filteredit_body {
  padding-right: 8px;
}
</style>

<style>
.filteredit_collapse {
  margin-left: 30px;
  border: none;
}

.filteredit_collapse .el-collapse-item__header.is-active {
  border-bottom: 1px solid#ebebeb !important;
}
.filteredit_collapse .el-collapse-item__wrap {
  border: none;
}
.filteredit_collapse .el-collapse-item__content {
  padding-bottom: 0;
}
</style>
